{extend name="public:base" /}
{block name="main"}
    <div class="ShareAnyContainer" style="font-size: 14px;">
        当前位置：<a href="{:url('shop/index/index')}" title="首页">首页</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a
            href="{:url('shop/artwork/group')}" title="艺术品">艺术品</a>
    </div>
    <div class="ShareAnyContainer">
        <div class="line"></div>
    </div>
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <div class="titleBig">
            艺术家
        </div>
    </div>
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <div class="artists ShareAnyLeft" style="margin-left:50px;">
            <ul>
                {volist name="artist" id="v"}
                        <li class="artist_show">
                            <a href="{:url('shop/artists/detail',['id'=>$v['id']])}/">
                                <img src="/{$v['getimgpath']['path']}">
                                <span>{$v['name']}</span>
                            </a>
                        </li>
                        <else/>
                        <li class="artist_show more" style="display: none;">
                            <a href="{$v['id']}/">
                                <img src="/{$v['getimgpath']['path']}"><span>{$v['name']}</span>
                            </a>
                        </li>
                {/volist}

            </ul>
        </div>
        <div class="ShareAnyClear"></div>
        <!-- <div style="text-align: center;" class="show_hide"><a href="javascript:void(0);">更多...</a></div> -->
        <div style="text-align: center;display: none;" class="hide_hide"><a href="javascript:void(0);">收起</a></div>
    </div>
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <div class="line"></div>
    </div>
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <div class="titleBig">
            艺术品
        </div>
    </div>
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        排序：<a href="?order=1">更新时间</a>&nbsp;&nbsp;<a href="?order=2">价格升序</a>&nbsp;&nbsp;<a href="?order=3">价格降序</a>
    </div>
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <div class="work_parent">
            <div class="work">
                <!--<table>-->
                    <ul>
                       <!--<tr>-->
                            <!--<td>-->
                      {volist name="artworks" id="artwork"}
                                <li>
                                    <a href="{:url('shop/artwork/detail',['id'=>$artwork['id']])}/">
                                        <img src="/{$artwork['img']['0']}">
                                    </a>
                                    <span><br>{$artwork['title']|mb_substr=###,0,18,'utf-8'}<br>

                                        作者：{$artwork['getartist']['name']}
                                        <if condition=""> <!--如果登录了就显示价格-->
                                            <br>价格：￥{$artwork['price']}
                                        </if>
                                    </span></li>
                      {/volist}
                            <!--</td>-->
                        <!--</tr>-->
                    </ul>
                <!--</table>-->
            </div>
            <div class="ShareAnyClear"></div>
        </div>

    </div>
    <div class="ShareAnySeparate"></div>
    <div class="ShareAnyContainer">
        <div class="page">{$artworks->render()}</div>

    </div>
{/block}
{/block}

{block name="footer"}
    <script>
        $(document).ready(function () {
            $(".show_hide").on("click", function () {
                $(".more").show();
                $(this).hide();
                $(".hide_hide").show();
            });
            $(".hide_hide").on("click", function () {
                $(".more").hide();
                $(this).hide();
                $(".show_hide").show();
            });
        });
    </script>

{/block}